
import SideNav from "@/app/ui/dashboard/sidenav";
import React from "react";

/**
 * <Layout /> 组件接收一个 children 属性。这个子组件可以是一个页面或另一个布局。
 * 当前，位于 /dashboard 中的页面将自动嵌套在 <Layout /> 中
 * @param param0 
 * @returns 
 */
export default function Layout(
    {children}:{children: React.ReactNode}
    ){
    return (
        <div className="flex h-screen flex-col md:flex-row md:overflow-hidden">
            <div className="w-full flex-none md:w-64">
                <SideNav />
            </div>
            {/* 下面{children} 其实代表的是 page.tsx 的内容 */}
            <div className="grow p-6 md:overflow-y-auto md:p-12">{children}</div>
        </div>
    );
}

  